<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Babylon Template</title>

    <style>
      html,
      body {
        overflow: hidden;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        background-image: url(./textures/bg.png);
      }
      /* html,
      body div {
        touch-action: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      } */
      #renderCanvas {
        outline: none;
        width: 50%;
        height: 100%;
        position: absolute;
        left: 50%;

        transform: translateX(-50%);
        background-color: transparent;
        touch-action: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      #renderCanvas:focus {
        outline: none;
      }
    </style>

    <script src="./modules/babylon.js"></script>
    <script src="./modules/babylon.gui.js"></script>
    <script src="./modules/glTF2FileLoader.js"></script>
    <script src="./modules/gsap.min.js"></script>
    <script src="./modules/babylon.digitalRainPostProcess.min.js"></script>
  </head>

  <body>
    <canvas id="renderCanvas"></canvas>

    <script src="./postProcess.js" type="module"></script>

    <!-- <script type="module" src="https://cdn.jsdelivr.net/npm/@babylonjs/viewer@preview/dist/babylon-viewer.esm.min.js"></script>
        <babylon-viewer source="./models/NierAutomata_Robot_Rigged_forSquid.gltf"></babylon-viewer> -->
  </body>
</html>
